<template>
	<view style="height: 100%;position: relative;">
		<!-- pages/recharge/iosvip.wxml -->
		<!-- <web-view src="https://www.xtwaixie.com/share/vip.html"></web-view> -->
		<image src="https://cdn.xtwaixie.com/uploads/20240415/1713164835661cd2236b13b.jpg"
			:show-menu-by-longpress="true" mode="widthFix"></image>
		<view class="vip" @tap="goVip()">
			《会员协议》
		</view>
		<!-- <view class="timeClock">
			<view class="timeClockTitle">
				调价通知
			</view>
			<view class="timeClockSubTitle" style="">
				自2024年3月1日起，会员价格将调整为:
			</view>
			<view class=""
				style="display: flex;align-items: center;font-size: 34rpx;font-weight: bold;color: rgb(245, 61, 15);width: 460rpx;justify-content: space-between;">
				<view class="">
					5000元/一年
				</view>
				<view class="">
					7500元/两年
				</view>
			</view>
			<view class="" style="display: flex;align-items: center;margin-top: 10rpx;">
				<view class="" style="font-size: 28rpx;font-weight: bold;margin-right: 10rpx;">
					调价倒计时:
				</view>
				<van-count-down :time="time" use-slot @change="onChange">
					<text class="item">{{ timeData.days }}</text>
					<text class="time">天</text>
					<text class="item">{{ timeData.hours }}</text>
					<text class="time">小时</text>
					<text class="item">{{ timeData.minutes }}</text>
					<text class="time">分</text>
					<text class="item">{{ timeData.seconds }}</text>
					<text class="time">秒</text>
				</van-count-down>
			</view>
		</view> -->
		<!-- <image src="https://cdn.xtwaixie.com/uploads/20240103/17042628476594fcbfccc52.png" mode="widthFix"></image> -->
	</view>
</template>

<script>
	// pages/recharge/iosvip.js
	export default {
		data() {
			return {
				time:0,
				timeData: {

				}
			};
		}
		/**
		 * 生命周期函数--监听页面加载
		 */
		,
		onLoad(options) {
			// this.time = new Date("2024/3/1 00:00:00") - new Date()
		},
		/**
		 * 生命周期函数--监听页面初次渲染完成
		 */
		onReady() {},
		/**
		 * 生命周期函数--监听页面显示
		 */
		onShow() {},
		/**
		 * 生命周期函数--监听页面隐藏
		 */
		onHide() {},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh() {},
		/**
		 * 页面上拉触底事件的处理函数
		 */
		onReachBottom() {},
		/**
		 * 用户点击右上角分享
		 */
		onShareAppMessage() {},
		methods: {
			goVip() {
				uni.navigateTo({
					url: "/pages/about/about?type=11"
				})
			},
			onChange(e) {
				this.timeData = e.detail
			}
		}
	};
</script>
<style>
	image {
		width: 100%;
		display: inline-block;
		vertical-align: bottom;
	}

	.vip {
		width: 750rpx;
		font-weight: bold;
		color: #1050c7;
		font-size: 24rpx;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 394rpx;
	}

	.timeClock {
		width: 750rpx;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 382rpx;
	}

	.timeClockTitle {
		font-weight: bold;
		font-size: 30rpx;
	}

	.timeClockSubTitle {
		font-size: 28rpx;
	}
	.item{
		color: rgb(245, 61, 15);
		font-size: 32rpx;
		font-weight: bold;
		margin:0 5rpx;
		line-height: 42rpx;
	}
	.time{
		line-height: 42rpx;
		font-size: 30rpx;
		font-weight: bold;
	}
	@import './iosvip.css';
</style>